<!--
  <%= banner %>
-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <script src="<%= base %>/commons.js"></script>
    <script src="<%= base %>/<%= index %>-<%= source %>.js"></script>
    <style>body { padding: 20px; }</style>
    <title>RGL Example <%= index %> - <%= title %></title>
  </head>
  <body>
    <h3>React-Grid-Layout Demo <%= index %> - <%= title %></h3>
    <ul>
      <li><a href="https://github.com/STRML/react-grid-layout">View project on GitHub</a></li>
      <li><a href="https://github.com/STRML/react-grid-layout/blob/master/test/examples/<%= index %>-<%= source %>.jsx">View this example's source</a></li>
    <%_ if (previous) { -%>
      <li><a href="<%= index - 1 %>-<%= previous.source %>.html"><b>⇠</b> View the previous example: "<%= previous.title %>"</a></li>
    <%_ } else { -%>
      <li><b>⇠</b></li>
    <%_ } -%>
    <%_ if (next) { -%>
      <li><a href="<%= index + 1 %>-<%= next.source %>.html"><b>⇢ </b>View the next example: "<%= next.title %>"</a></li>
    <%_ } -%>
    </ul>
    <%_ for(var i = 0; i < paragraphs.length; i++) { -%>
       <p><%- paragraphs[i] %></p>
    <%_ } -%>
    <div id="content"></div>
  </body>
</html>
